<template>
	<view>
		<view class="cu-item" v-if="item.isShow" @tap="tableSelect(item)">
			<text>{{item.LCLASSINDEX}}{{item.LMACHINENO}}#</text>
			<image style="width: 60rpx;height: 60rpx;" :src="url" mode="aspectFit"></image>
			<text>{{myList['运行状态']}}</text>
		</view>
	</view>
</template>

<script>
	import socket from '@/static/js/plus-websocket/index.js'
	export default {
		name:"RoVing",
		data() {
			return {
				name:'',
				url:'/static/images/start.png',
				myList:""
			}
		},
		props:{
			deliverplan:{
				type:Array,
				default:res => {
					return []
				}
			},
			item:{
				type:Object,
				default:res => {
					return {}
				}
			}
		},
		created() {
			console.log('created')
			this.connectSocketInit()
		},
		beforeDestroy() {
			this.closeSocket();
		},
		onShow() {
			console.log('onShow');
		},
		methods: {
			// 进入这个页面的时候创建websocket连接【整个页面随时使用】
			connectSocketInit() {
				// 创建一个this.socketTask对象【发送、接收、关闭socket都由这个对象操作】
				this.socketTask = socket.connectSocket({
					// 【非常重要】必须确保你的服务器是成功的,如果是手机测试千万别使用ws://127.0.0.1:9099【特别容易犯的错误】
					url: "ws://" + uni.getStorageSync('IP').split("//")[1] + ':' + uni.getStorageSync('PORT') + "/websocket/socketServer.do",
					success(data) {
						console.log("websocket连接成功");
					},
				});
				// 消息的发送和接收必须在正常连接打开中,才能发送或接收【否则会失败】
				let data = {"url": "minuteInfo", "data": {"type": 0, "item": '粗纱', "machineno":this.item.LMACHINENO}}
				this.socketTask.onOpen((res) => {
					console.log("WebSocket连接正常打开中...！");
					this.is_open_socket = true;
					// 注：只有连接正常打开中 ，才能正常成功发送消息
					// setInterval(()=> {
					this.socketTask.send({
						data: JSON.stringify(data),
						async success() {
							console.log("消息发送成功");
						},
					});
					// },1000)
					// 注：只有连接正常打开中 ，才能正常收到消息
					this.socketTask.onMessage((res) => {
						let mydata = JSON.parse(res.data)
						console.log(mydata.data);
						this.myList = mydata.data
						for (let var1 in mydata.data) {
							if(!mydata.data[var1] == '') {
								for (let var2 in mydata.data[var1]) {
									if(mydata.data[var1][var2].indexOf('停车') != -1 || mydata.data[var1][var2].indexOf('停机') != -1) {
										// console.log('停车');
										this.url = '/static/images/end.png'
									} else {
										// console.log('运行中');
										this.url = '/static/images/start.png'
									}
								}
							}
						}
						// console.log(this.myList);
						// this.getuCharts()
					});
				})
				// 这里仅是事件监听【如果socket关闭了会执行】
				this.socketTask.onClose(() => {
					console.log("已经被关闭了")
				})
			},
			// 关闭websocket【离开这个页面的时候执行关闭】
			closeSocket() {
				this.socketTask.close({
					success(res) {
						this.is_open_socket = false;
						console.log("关闭成功", res)
					},
					fail(err) {
						console.log("关闭失败", err)
					}
				})
			},
			tableSelect(item) {
				this.$emit('tableSelect', item)
				// this.closeSocket()
			}
		}
	}
</script>

<style>

</style>
